<template>
  <view class="content">
    <div v-for="(item, index) in 50" :key="index" class="contest-list">
      {{ title }}
    </div>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: "我的练习",
      icon:
        "https://tse1-mm.cn.bing.net/th/id/R-C.29080be80c125b72dda0427b9cec0756?rik=AiM4HUC19ASldA&riu=http%3a%2f%2fwww.dzkbw.com%2fbooks%2flkb%2fhuaxue%2fpgzbxd2c%2fcoverbig.jpg&ehk=rm89VSkhLpyiAk1riDp2zSt81ICaqG9fy%2fL2gyJKMqY%3d&risl=&pid=ImgRaw&r=0",
    };
  },
  onLoad() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  .contest-list {
    text-align: center;
    line-height: 80px;
    width: 100%;
    height: 80px;
  }
  .contest-list:hover {
    background-color: rgba(230, 230, 230);
  }
}
</style>
